<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">
<!--
 index-debug.html
 Archipel

 Created by You on February 3, 2010.
 Copyright 2010, Antoine Mercadal All rights reserved.
-->
        <head>
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
            <meta http-equiv="X-UA-Compatible" content="chrome=1" />

            <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

            <meta name="apple-mobile-web-app-capable" content="yes" />
            <meta name="apple-mobile-web-app-status-bar-style" content="black" />

            <link rel="apple-touch-icon" href="Resources/icon.png" />
            <link rel="apple-touch-startup-image" href="Resources/default.png" />
            <link rel="icon" type="image/png"  href="/Resources/icon.png" />

        <title>Archipel</title>

        <script type="text/javascript">
            OBJJ_MAIN_FILE = "main.j";
            OBJJ_INCLUDE_PATHS = ["Frameworks/Debug", "Frameworks"];
        </script>

        <script src="Frameworks/Debug/Objective-J/Objective-J.js" type="text/javascript" charset="UTF-8"></script>

        <script type="text/javascript">
            objj_msgSend_reset();

            // DEBUG OPTIONS:

            // Uncomment to enable printing of backtraces on exceptions:
            //objj_msgSend_decorate(objj_backtrace_decorator);

            // Uncomment to supress exceptions that take place inside a message
            //objj_msgSend_decorate(objj_supress_exceptions_decorator)

            // Uncomment to enable runtime type checking:
            //objj_msgSend_decorate(objj_typecheck_decorator);

            // Uncomment (along with both above) to print backtraces on type check errors:
            //objj_typecheck_prints_backtrace = true;

            // Uncomment to disable the default logger (CPLogConsole if window.console exists, CPLogPopup otherwise):
            //CPLogUnregister(CPLogDefault);

            // Uncomment to enable a specific logger:
            //CPLogRegister(CPLogConsole);
            //CPLogRegister(CPLogPopup);
        </script>


        <style type = "text/css">
            @font-face {
              font-family: 'Asap';
              font-style: normal;
              font-weight: 400;
              src: local('Asap'), local('Asap-Regular'), url(Resources/Fonts/Asap.woff) format('woff');
            }
            @font-face {
              font-family: 'Asap';
              font-style: normal;
              font-weight: 700;
              src: local('Asap Bold'), local('Asap-Bold'), url(Resources/Fonts/Asap-Bold.woff) format('woff');
            }
            html{
                margin:0;
                padding:0;
                background-image: url(Resources/Backgrounds/background-stripes.png);
                width: 100%;
                height: 100%;
            }
            #loadingcontainer {

            }
            #container {
                position: absolute;
                top:50%;
                left:50%;
            }
            #content {
              padding:10px;
              width: 600px;
              margin-top: 200px;
              margin-bottom: 3px;
              text-align:center;
              margin-left: -300px;
              height:50px;
              margin-top:125px;
              line-height: 50px;
              text-shadow: 1px 1px 1px white;
        	 }
            #loadgraphic {margin-right: 0.2em; margin-bottom:-2px; }
        </style>

        <!--[if lt IE 7]>
        <STYLE type="text/css">
            #container { position: relative; top: 50%; }
            #content { position: relative;}
        </STYLE>
        <![endif]-->

    </head>

        <body style="-webkit-transform:translate3d(0,0,0); padding: 0; margin: 0; width: 100%; height: 100%">
            <div id="cappuccino-body">
                <div id="loadingcontainer" style="overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;">

                <script type = "text/javascript">
                    document.write("<div id='container'><p id='content'>" +
                                   "<img id='loadgraphic' style='width:16px;height:16px;' src='Resources/spinner.gif' /> " +
                                   " Loading Archipel in debug mode</p></div>");
                </script>
                <noscript>
                    <div id="container">
                        <div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555">
                            <p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p>
                            <p style="font-size:120%; padding:10px;"><a href="http://cappuccino.org/noscript">Show me how to enable JavaScript</a></p>
                            <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p>
                            <ul style="margin:0;padding:0; text-align: center; font-size:80%;" >
                                <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li>
                                <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li>
                                <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li>
                                <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li>
                                <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li>
                            </ul>
                        </div>
                    </div>
                </noscript>        </div>
        </body>
    </html>
